<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Cartzilla | Single Product / Brand Store</title>
    <!-- SEO Meta Tags-->
    <meta name="description" content="Cartzilla - Bootstrap E-commerce Template">
    <meta name="keywords" content="bootstrap, shop, e-commerce, market, modern, responsive,  business, mobile, bootstrap, html5, css3, js, gallery, slider, touch, creative, clean">
    <meta name="author" content="Createx Studio">
    <!-- Viewport-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon and Touch Icons-->
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="site.webmanifest">
    <link rel="mask-icon" color="#fe6a6a" href="safari-pinned-tab.svg">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">
    <!-- Vendor Styles including: Font Icons, Plugins, etc.-->
    <link rel="stylesheet" media="screen" href="vendor/simplebar/dist/simplebar.min.css"/>
    <link rel="stylesheet" media="screen" href="vendor/tiny-slider/dist/tiny-slider.css"/>
    <link rel="stylesheet" media="screen" href="vendor/lightgallery.js/dist/css/lightgallery.min.css"/>
    <!-- Main Theme Styles + Bootstrap-->
    <link rel="stylesheet" media="screen" href="css/theme.min.css">
    <!-- Google Tag Manager-->
    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-WKV3GT5');
    </script>
  </head>
  <!-- Body-->
  <body class="handheld-toolbar-enabled">
    <!-- Google Tag Manager (noscript)-->
    <noscript>
      <iframe src="//www.googletagmanager.com/ns.html?id=GTM-WKV3GT5" height="0" width="0" style="display: none; visibility: hidden;"></iframe>
    </noscript>
    <!-- Sign in / sign up modal-->
    <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header bg-secondary">
            <ul class="nav nav-tabs card-header-tabs" role="tablist">
              <li class="nav-item"><a class="nav-link fw-medium active" href="#signin-tab" data-bs-toggle="tab" role="tab" aria-selected="true"><i class="ci-unlocked me-2 mt-n1"></i>Sign in</a></li>
              <li class="nav-item"><a class="nav-link fw-medium" href="#signup-tab" data-bs-toggle="tab" role="tab" aria-selected="false"><i class="ci-user me-2 mt-n1"></i>Sign up</a></li>
            </ul>
            <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body tab-content py-4">
            <form class="needs-validation tab-pane fade show active" autocomplete="off" novalidate id="signin-tab">
              <div class="mb-3">
                <label class="form-label" for="si-email">Email address</label>
                <input class="form-control" type="email" id="si-email" placeholder="johndoe@example.com" required>
                <div class="invalid-feedback">Please provide a valid email address.</div>
              </div>
              <div class="mb-3">
                <label class="form-label" for="si-password">Password</label>
                <div class="password-toggle">
                  <input class="form-control" type="password" id="si-password" required>
                  <label class="password-toggle-btn" aria-label="Show/hide password">
                    <input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
                  </label>
                </div>
              </div>
              <div class="mb-3 d-flex flex-wrap justify-content-between">
                <div class="form-check mb-2">
                  <input class="form-check-input" type="checkbox" id="si-remember">
                  <label class="form-check-label" for="si-remember">Remember me</label>
                </div><a class="fs-sm" href="#">Forgot password?</a>
              </div>
              <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign in</button>
            </form>
            <form class="needs-validation tab-pane fade" autocomplete="off" novalidate id="signup-tab">
              <div class="mb-3">
                <label class="form-label" for="su-name">Full name</label>
                <input class="form-control" type="text" id="su-name" placeholder="John Doe" required>
                <div class="invalid-feedback">Please fill in your name.</div>
              </div>
              <div class="mb-3">
                <label for="su-email">Email address</label>
                <input class="form-control" type="email" id="su-email" placeholder="johndoe@example.com" required>
                <div class="invalid-feedback">Please provide a valid email address.</div>
              </div>
              <div class="mb-3">
                <label class="form-label" for="su-password">Password</label>
                <div class="password-toggle">
                  <input class="form-control" type="password" id="su-password" required>
                  <label class="password-toggle-btn" aria-label="Show/hide password">
                    <input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
                  </label>
                </div>
              </div>
              <div class="mb-3">
                <label class="form-label" for="su-password-confirm">Confirm password</label>
                <div class="password-toggle">
                  <input class="form-control" type="password" id="su-password-confirm" required>
                  <label class="password-toggle-btn" aria-label="Show/hide password">
                    <input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
                  </label>
                </div>
              </div>
              <button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign up</button>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- Floating Navbar (Transparent version)-->
    <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page.-->
    <header class="navbar navbar-sticky navbar-expand-lg navbar-light bg-light">
      <div class="container"><a class="navbar-brand d-none d-sm-block me-4 order-lg-1" href="index.html"><img src="img/logo-dark.png" width="142" alt="Cartzilla"></a><a class="navbar-brand d-sm-none me-2 order-lg-1" href="index.html"><img src="img/logo-icon.png" width="74" alt="Cartzilla"></a>
        <div class="navbar-toolbar d-flex align-items-center order-lg-3">
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"><span class="navbar-toggler-icon"></span></button><a class="navbar-tool ms-1 me-n1" href="#signin-modal" data-bs-toggle="modal"><span class="navbar-tool-tooltip">Account</span>
            <div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-user"></i></div></a>
          <div class="navbar-tool dropdown ms-3"><a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="#"><i class="navbar-tool-icon ci-cart"></i></a>
            <div class="dropdown-menu dropdown-menu-end text-center py-4 px-3">
              <div style="width: 16rem;"><img class="d-inline-block mb-2" src="" width="40" alt="Empty cart">
                <p class="fs-sm text-muted mb-0">Your cart is currently empty</p>
              </div>
            </div>
          </div>
        </div>
        <div class="collapse navbar-collapse me-auto order-lg-2" id="navbarCollapse">
          <!-- Models dropdown-->
          <ul class="navbar-nav navbar-mega-nav ms-lg-4 pe-lg-2 me-lg-2 pt-3 pt-lg-0">
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle ps-lg-0" href="#" data-bs-toggle="dropdown"><i class="ci-view-grid me-2"></i>Models</a>
              <div class="dropdown-menu px-2 ps-0 pb-4">
                <div class="d-flex flex-wrap flex-sm-nowrap">
                  <div class="mega-dropdown-column pt-4 px-3">
                    <div class="widget mb-2"><a class="d-block mb-3" href="#"><img src="img/home/mono-product/models/01.jpg" alt="Model image"></a>
                      <h6 class="fs-base text-center mb-2">Solo Headphones</h6>
                    </div>
                  </div>
                  <div class="mega-dropdown-column pt-4 px-3">
                    <div class="widget mb-2"><a class="d-block mb-3" href="#"><img src="img/home/mono-product/models/02.jpg" alt="Model image"></a>
                      <h6 class="fs-base text-center mb-2">Air Earphones</h6>
                    </div>
                  </div>
                  <div class="mega-dropdown-column pt-4 px-3">
                    <div class="widget mb-2"><a class="d-block mb-3" href="#"><img src="img/home/mono-product/models/03.jpg" alt="Model image"></a>
                      <h6 class="fs-base text-center mb-2">Headphones Pro</h6>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
          <!-- Primary menu-->
          <ul class="navbar-nav">
            <li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Home</a>
              <ul class="dropdown-menu">
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-fashion-store-v1.html"><span class="d-block text-heading">Fashion Store v.1</span><small class="d-block text-muted">Classic shop layout</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-fashion-store-v1.html" style="width: 250px;"><img src="img/home/preview/th01.jpg" alt="Fashion Store v.1"></a></div>
                </li>
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-electronics-store.html"><span class="d-block text-heading">Electronics Store</span><small class="d-block text-muted">Slider + Promo banners</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-electronics-store.html" style="width: 250px;"><img src="img/home/preview/th03.jpg" alt="Electronics Store"></a></div>
                </li>
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-marketplace.html"><span class="d-block text-heading">Marketplace</span><small class="d-block text-muted">Multi-vendor, digital goods</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-marketplace.html" style="width: 250px;"><img src="img/home/preview/th04.jpg" alt="Marketplace"></a></div>
                </li>
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-grocery-store.html"><span class="d-block text-heading">Grocery Store</span><small class="d-block text-muted">Full width + Side menu</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-grocery-store.html" style="width: 250px;"><img src="img/home/preview/th06.jpg" alt="Grocery Store"></a></div>
                </li>
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-food-delivery.html"><span class="d-block text-heading">Food Delivery Service</span><small class="d-block text-muted">Food &amp; Beverages delivery</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-food-delivery.html" style="width: 250px;"><img src="img/home/preview/th07.jpg" alt="Food Delivery Service"></a></div>
                </li>
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-fashion-store-v2.html"><span class="d-block text-heading">Fashion Store v.2</span><small class="d-block text-muted">Slider + Featured categories</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-fashion-store-v2.html" style="width: 250px;"><img src="img/home/preview/th02.jpg" alt="Fashion Store v.2"></a></div>
                </li>
                <li class="dropdown position-static mb-0"><a class="dropdown-item py-2" href="home-single-store.html"><span class="d-block text-heading">Single Product Store</span><small class="d-block text-muted">Single product / mono brand</small></a>
                  <div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-single-store.html" style="width: 250px;"><img src="img/home/preview/th05.jpg" alt="Single Product / Brand Store"></a></div>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
              <div class="dropdown-menu p-0">
                <div class="d-flex flex-wrap flex-sm-nowrap px-2">
                  <div class="mega-dropdown-column pt-1 pt-lg-4 pb-4 px-2 px-lg-3">
                    <div class="widget widget-links mb-4">
                      <h6 class="fs-base mb-3">Shop layouts</h6>
                      <ul class="widget-list">
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-grid-ls.html">Shop Grid - Left Sidebar</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-grid-rs.html">Shop Grid - Right Sidebar</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-grid-ft.html">Shop Grid - Filters on Top</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-list-ls.html">Shop List - Left Sidebar</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-list-rs.html">Shop List - Right Sidebar</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-list-ft.html">Shop List - Filters on Top</a></li>
                      </ul>
                    </div>
                    <div class="widget widget-links">
                      <h6 class="fs-base mb-3">Marketplace</h6>
                      <ul class="widget-list">
                        <li class="widget-list-item"><a class="widget-list-link" href="marketplace-category.html">Category Page</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="marketplace-single.html">Single Item Page</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="marketplace-vendor.html">Vendor Page</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="marketplace-cart.html">Cart</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="marketplace-checkout.html">Checkout</a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="mega-dropdown-column pt-1 pt-lg-4 pb-4 px-2 px-lg-3">
                    <div class="widget widget-links">
                      <h6 class="fs-base mb-3">Shop pages</h6>
                      <ul class="widget-list">
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-categories.html">Shop Categories</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-single-v1.html">Product Page v.1</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-single-v2.html">Product Page v.2</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="shop-cart.html">Cart</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="checkout-details.html">Checkout - Details</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="checkout-shipping.html">Checkout - Shipping</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="checkout-payment.html">Checkout - Payment</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="checkout-review.html">Checkout - Review</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="checkout-complete.html">Checkout - Complete</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="order-tracking.html">Order Tracking</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="comparison.html">Product Comparison</a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="mega-dropdown-column pt-1 pt-lg-4 pb-4 px-2 px-lg-3">
                    <div class="widget widget-links mb-4">
                      <h6 class="fs-base mb-3">Grocery store</h6>
                      <ul class="widget-list">
                        <li class="widget-list-item"><a class="widget-list-link" href="grocery-catalog.html">Product Catalog</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="grocery-single.html">Single Product Page</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="grocery-checkout.html">Checkout</a></li>
                      </ul>
                    </div>
                    <div class="widget widget-links">
                      <h6 class="fs-base mb-3">Food Delivery</h6>
                      <ul class="widget-list">
                        <li class="widget-list-item"><a class="widget-list-link" href="food-delivery-category.html">Category Page</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="food-delivery-single.html">Single Item (Restaurant)</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="food-delivery-cart.html">Cart (Your Order)</a></li>
                        <li class="widget-list-item"><a class="widget-list-link" href="food-delivery-checkout.html">Checkout (Address &amp; Payment)</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Account</a>
              <ul class="dropdown-menu">
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop User Account</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="account-orders.html">Orders History</a></li>
                    <li><a class="dropdown-item" href="account-profile.html">Profile Settings</a></li>
                    <li><a class="dropdown-item" href="account-address.html">Account Addresses</a></li>
                    <li><a class="dropdown-item" href="account-payment.html">Payment Methods</a></li>
                    <li><a class="dropdown-item" href="account-wishlist.html">Wishlist</a></li>
                    <li><a class="dropdown-item" href="account-tickets.html">My Tickets</a></li>
                    <li><a class="dropdown-item" href="account-single-ticket.html">Single Ticket</a></li>
                  </ul>
                </li>
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Vendor Dashboard</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="dashboard-settings.html">Settings</a></li>
                    <li><a class="dropdown-item" href="dashboard-purchases.html">Purchases</a></li>
                    <li><a class="dropdown-item" href="dashboard-favorites.html">Favorites</a></li>
                    <li><a class="dropdown-item" href="dashboard-sales.html">Sales</a></li>
                    <li><a class="dropdown-item" href="dashboard-products.html">Products</a></li>
                    <li><a class="dropdown-item" href="dashboard-add-new-product.html">Add New Product</a></li>
                    <li><a class="dropdown-item" href="dashboard-payouts.html">Payouts</a></li>
                  </ul>
                </li>
                <li><a class="dropdown-item" href="account-signin.html">Sign In / Sign Up</a></li>
                <li><a class="dropdown-item" href="account-password-recovery.html">Password Recovery</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
              <ul class="dropdown-menu">
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#">Navbar Variants</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="navbar-1-level-light.html">1 Level Light</a></li>
                    <li><a class="dropdown-item" href="navbar-1-level-dark.html">1 Level Dark</a></li>
                    <li><a class="dropdown-item" href="navbar-2-level-light.html">2 Level Light</a></li>
                    <li><a class="dropdown-item" href="navbar-2-level-dark.html">2 Level Dark</a></li>
                    <li><a class="dropdown-item" href="navbar-3-level-light.html">3 Level Light</a></li>
                    <li><a class="dropdown-item" href="navbar-3-level-dark.html">3 Level Dark</a></li>
                    <li><a class="dropdown-item" href="home-electronics-store.html">Electronics Store</a></li>
                    <li><a class="dropdown-item" href="home-marketplace.html">Marketplace</a></li>
                    <li><a class="dropdown-item" href="home-grocery-store.html">Side Menu (Grocery)</a></li>
                  </ul>
                </li>
                <li class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="about.html">About Us</a></li>
                <li><a class="dropdown-item" href="contacts.html">Contacts</a></li>
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Help Center</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="help-topics.html">Help Topics</a></li>
                    <li><a class="dropdown-item" href="help-single-topic.html">Single Topic</a></li>
                    <li><a class="dropdown-item" href="help-submit-request.html">Submit a Request</a></li>
                  </ul>
                </li>
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">404 Not Found</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="404-simple.html">404 - Simple Text</a></li>
                    <li><a class="dropdown-item" href="404-illustration.html">404 - Illustration</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
              <ul class="dropdown-menu">
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog List Layouts</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="blog-list-sidebar.html">List with Sidebar</a></li>
                    <li><a class="dropdown-item" href="blog-list.html">List no Sidebar</a></li>
                  </ul>
                </li>
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#">Blog Grid Layouts</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="blog-grid-sidebar.html">Grid with Sidebar</a></li>
                    <li><a class="dropdown-item" href="blog-grid.html">Grid no Sidebar</a></li>
                  </ul>
                </li>
                <li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Single Post Layouts</a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="blog-single-sidebar.html">Article with Sidebar</a></li>
                    <li><a class="dropdown-item" href="blog-single.html">Article no Sidebar</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Docs / Components</a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="docs/dev-setup.html">
                    <div class="d-flex">
                      <div class="lead text-muted pt-1"><i class="ci-book"></i></div>
                      <div class="ms-2"><span class="d-block text-heading">Documentation</span><small class="d-block text-muted">Kick-start customization</small></div>
                    </div></a></li>
                <li class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="components/typography.html">
                    <div class="d-flex">
                      <div class="lead text-muted pt-1"><i class="ci-server"></i></div>
                      <div class="ms-2"><span class="d-block text-heading">Components<span class="badge bg-info ms-2">40+</span></span><small class="d-block text-muted">Faster page building</small></div>
                    </div></a></li>
                <li class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="docs/changelog.html">
                    <div class="d-flex">
                      <div class="lead text-muted pt-1"><i class="ci-edit"></i></div>
                      <div class="ms-2"><span class="d-block text-heading">Changelog<span class="badge bg-success ms-2">v2.0</span></span><small class="d-block text-muted">Regular updates</small></div>
                    </div></a></li>
                <li class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="mailto:support@createx.studio">
                    <div class="d-flex">
                      <div class="lead text-muted pt-1"><i class="ci-help"></i></div>
                      <div class="ms-2"><span class="d-block text-heading">Support</span><small class="d-block text-muted">support@createx.studio</small></div>
                    </div></a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <!-- Hero section-->
    <section class="bg-position-top-center bg-repeat-0 pt-5 pb-5 py-md-10" style="background-image: url(img/home/mono-product/hero-bg.jpg);">
      <div class="container pt-4 mb-3 mb-lg-0">
        <div class="row">
          <div class="col-lg-5 col-md-6 col-sm-8 offset-lg-1">
            <h5 class="text-light fw-normal">Wireless Bluetooth Headphones</h5>
            <h1 class="text-light mb-5">Enjoy the music like never before</h1>
            <div class="d-flex align-items-center mb-5"><a class="btn btn-primary me-grid-gutter" href="#"><i class="ci-cart fs-lg me-2"></i>Add to Cart</a><span class="h4 mb-0 text-light fw-normal">$329.<small>99</small></span></div>
            <ul class="list-unstyled text-light mb-0">
              <li class="d-flex"><i class="ci-bluetooth-circle h5 fw-normal text-light me-2"></i>
                <div class="ps-1">Wireless connection</div>
              </li>
              <li class="d-flex"><i class="ci-sound-waves h5 fw-normal text-light me-2"></i>
                <div class="ps-1">Best in class sound</div>
              </li>
              <li class="d-flex"><i class="ci-battery h5 fw-normal text-light me-2"></i>
                <div class="ps-1">Up to 40 hours battery life</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <!-- Color options-->
    <section class="container py-5">
      <div class="row align-items-center py-3 py-md-4">
        <div class="col-sm-6">
          <div class="mb-5 mb-sm-0 text-center text-sm-start" id="colorOptions">
            <div class="radio-tab-pane active" id="color-1" role="tabpanel"><img class="d-block mx-auto" src="img/home/mono-product/colors/color-option01.jpg" alt="Color 1"></div>
            <div class="radio-tab-pane" id="color-2" role="tabpanel"><img class="d-block mx-auto" src="img/home/mono-product/colors/color-option02.jpg" alt="Color 1"></div>
            <div class="radio-tab-pane" id="color-3" role="tabpanel"><img class="d-block mx-auto" src="img/home/mono-product/colors/color-option03.jpg" alt="Color 1"></div>
            <div class="radio-tab-pane" id="color-4" role="tabpanel"><img class="d-block mx-auto" src="img/home/mono-product/colors/color-option04.jpg" alt="Color 1"></div>
            <div class="radio-tab-pane" id="color-5" role="tabpanel"><img class="d-block mx-auto" src="img/home/mono-product/colors/color-option05.jpg" alt="Color 1"></div>
            <div class="radio-tab-pane" id="color-6" role="tabpanel"><img class="d-block mx-auto" src="img/home/mono-product/colors/color-option06.jpg" alt="Color 1"></div>
          </div>
        </div>
        <div class="col-sm-6 text-center text-sm-start">
          <h2 class="pb-4">Choose your style</h2>
          <div class="mb-3"><span class="fs-sm text-heading fw-medium me-1" id="colorOptionText">Rose Gold</span><span>&nbsp;&mdash;&nbsp; $329.<small>99</small></span></div>
          <div class="mb-4 pb-2">
            <div class="form-check form-option form-check-inline mb-2">
              <input class="form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOptionText" value="Rose Gold" checked>
              <label class="form-option-label rounded-circle" for="color1" data-bs-toggle="radioTab" data-bs-target="#color-1" data-bs-parent="#colorOptions"><span class="form-option-color rounded-circle" style="background-color: #e8c4c0;"></span></label>
            </div>
            <div class="form-check form-option form-check-inline mb-2">
              <input class="form-check-input" type="radio" name="color" id="color2" data-bs-label="colorOptionText" value="Satin Silver">
              <label class="form-option-label rounded-circle" for="color2" data-bs-toggle="radioTab" data-bs-target="#color-2" data-bs-parent="#colorOptions"><span class="form-option-color rounded-circle" style="background-color: #e6e6e6;"></span></label>
            </div>
            <div class="form-check form-option form-check-inline mb-2">
              <input class="form-check-input" type="radio" name="color" id="color3" data-bs-label="colorOptionText" value="Satin Gold">
              <label class="form-option-label rounded-circle" for="color3" data-bs-toggle="radioTab" data-bs-target="#color-3" data-bs-parent="#colorOptions"><span class="form-option-color rounded-circle" style="background-color: #f7e6d5;"></span></label>
            </div>
            <div class="form-check form-option form-check-inline mb-2">
              <input class="form-check-input" type="radio" name="color" id="color4" data-bs-label="colorOptionText" value="Club Navy">
              <label class="form-option-label rounded-circle" for="color4" data-bs-toggle="radioTab" data-bs-target="#color-4" data-bs-parent="#colorOptions"><span class="form-option-color rounded-circle" style="background-image: url(img/home/mono-product/colors/color-radio01.png)"></span></label>
            </div>
            <div class="form-check form-option form-check-inline mb-2">
              <input class="form-check-input" type="radio" name="color" id="color5" data-bs-label="colorOptionText" value="Club White">
              <label class="form-option-label rounded-circle" for="color5" data-bs-toggle="radioTab" data-bs-target="#color-5" data-bs-parent="#colorOptions"><span class="form-option-color rounded-circle" style="background-image: url(img/home/mono-product/colors/color-radio02.png)"></span></label>
            </div>
            <div class="form-check form-option form-check-inline mb-2">
              <input class="form-check-input" type="radio" name="color" id="color6" data-bs-label="colorOptionText" value="Club Red">
              <label class="form-option-label rounded-circle" for="color6" data-bs-toggle="radioTab" data-bs-target="#color-6" data-bs-parent="#colorOptions"><span class="form-option-color rounded-circle" style="background-image: url(img/home/mono-product/colors/color-radio03.png)"></span></label>
            </div>
          </div><a class="btn btn-primary" href="#"><i class="ci-cart fs-lg me-2"></i>Add to Cart</a>
        </div>
      </div>
    </section>
    <!-- Divider-->
    <hr class="mt-md-2 mb-5">
    <!-- Gallery-->
    <section class="container pt-2 pt-md-5">
      <h2 class="text-center mb-5">Product gallery</h2>
      <div class="row gallery">
        <div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="gallery-item rounded-3" href="img/home/mono-product/gallery/01.jpg" data-bs-sub-html="&lt;h6 class=&quot;fs-sm text-light&quot;&gt;Gallery image caption&lt;/h6&gt;"><img src="img/home/mono-product/gallery/th01.jpg" alt="Gallery thumbnail"><span class="gallery-item-caption">Gallery image caption</span></a></div>
        <div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="gallery-item rounded-3" href="img/home/mono-product/gallery/02.jpg" data-bs-sub-html="&lt;h6 class=&quot;fs-sm text-light&quot;&gt;Gallery image caption&lt;/h6&gt;"><img src="img/home/mono-product/gallery/th02.jpg" alt="Gallery thumbnail"><span class="gallery-item-caption">Gallery image caption</span></a></div>
        <div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="gallery-item rounded-3" href="img/home/mono-product/gallery/03.jpg" data-bs-sub-html="&lt;h6 class=&quot;fs-sm text-light&quot;&gt;Gallery image caption&lt;/h6&gt;"><img src="img/home/mono-product/gallery/th03.jpg" alt="Gallery thumbnail"><span class="gallery-item-caption">Gallery image caption</span></a></div>
        <div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="gallery-item rounded-3" href="img/home/mono-product/gallery/04.jpg" data-bs-sub-html="&lt;h6 class=&quot;fs-sm text-light&quot;&gt;Gallery image caption&lt;/h6&gt;"><img src="img/home/mono-product/gallery/th04.jpg" alt="Gallery thumbnail"><span class="gallery-item-caption">Gallery image caption</span></a></div>
        <div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="gallery-item rounded-3" href="img/home/mono-product/gallery/05.jpg" data-bs-sub-html="&lt;h6 class=&quot;fs-sm text-light&quot;&gt;Gallery image caption&lt;/h6&gt;"><img src="img/home/mono-product/gallery/th05.jpg" alt="Gallery thumbnail"><span class="gallery-item-caption">Gallery image caption</span></a></div>
        <div class="col-md-4 col-sm-6 mb-grid-gutter"><a class="gallery-item rounded-3" href="img/home/mono-product/gallery/06.jpg" data-bs-sub-html="&lt;h6 class=&quot;fs-sm text-light&quot;&gt;Gallery image caption&lt;/h6&gt;"><img src="img/home/mono-product/gallery/th06.jpg" alt="Gallery thumbnail"><span class="gallery-item-caption">Gallery image caption</span></a></div>
      </div>
    </section>
    <!-- Product details-->
    <section class="container py-4 py-md-5 my-2">
      <h2 class="text-center mb-4 mb-md-5 pb-2">Product details</h2>
      <div class="row text-center text-sm-start">
        <div class="col-lg-5 col-md-6 col-sm-8 offset-lg-2 offset-md-1">
          <h5 class="mb-3">Highlights</h5>
          <p class="fs-sm mb-3 mb-lg-4 pb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit animasurel. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
          <h5 class="mb-3">Battery</h5>
          <ul class="list-unstyled fs-sm mb-3 mb-lg-4 pb-1">
            <li>Up to 40 hours life</li>
            <li>Fast charging technology</li>
            <li>Charge via Micro-USB cable</li>
          </ul>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-4 offset-md-1">
          <h5 class="mb-3">General</h5>
          <ul class="list-unstyled fs-sm mb-3 mb-lg-4 pb-1">
            <li>Height: 7.8 in / 19.8 cm</li>
            <li>Weight: 7.58 oz / 215 g</li>
            <li>Form factor: On ear</li>
          </ul>
          <h5 class="mb-3">Connectivity</h5>
          <ul class="list-unstyled fs-sm mb-3 mb-lg-4 pb-1">
            <li>Wireless Bluetooth</li>
            <li>Micro-USD port</li>
          </ul>
          <h5 class="mb-3">Other features</h5>
          <ul class="list-unstyled fs-sm mb-3 mb-lg-4 pb-1">
            <li>Lightweight</li>
            <li>Durable materials</li>
          </ul>
        </div>
      </div>
    </section>
    <!-- Reviews-->
    <section class="bg-secondary pt-5" style="padding-bottom: 300px;">
      <div class="container py-md-5 mb-4 pt-3 pb-4">
        <h2 class="text-center mb-4 mb-md-5 pb-2">Customer reviews</h2>
        <div class="tns-carousel mb-3">
          <div class="tns-carousel-inner" data-carousel-options="{&quot;items&quot;: 2, &quot;controls&quot;: false, &quot;responsive&quot;: {&quot;0&quot;:{&quot;items&quot;:1, &quot;gutter&quot;:20}, &quot;576&quot;:{&quot;items&quot;:2, &quot;gutter&quot;:20},&quot;850&quot;:{&quot;items&quot;:3, &quot;gutter&quot;:20},&quot;1080&quot;:{&quot;items&quot;:4, &quot;gutter&quot;:25}}}">
            <blockquote class="mb-2">
              <div class="card border-0 shadow-sm"><span class="testimonial-mark"></span>
                <div class="card-body fs-md text-muted">
                  <div class="mb-2">
                    <div class="star-rating"><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star"></i>
                    </div>
                  </div>Lorem ipsum dolor sit amet, quia non consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
              <footer class="d-flex justify-content-center pt-4">
                <div class="d-flex align-items-center"><img class="rounded-circle" src="img/testimonials/03.jpg" width="50" alt="Richard Davis">
                  <div class="ps-3">
                    <h6 class="fs-sm mb-n1">Richard Davis</h6><span class="fs-ms text-muted opacity-75">Feb 14, 2020</span>
                  </div>
                </div>
              </footer>
            </blockquote>
            <blockquote class="mb-2">
              <div class="card border-0 shadow-sm"><span class="testimonial-mark"></span>
                <div class="card-body fs-md text-muted">
                  <div class="mb-2">
                    <div class="star-rating"><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i>
                    </div>
                  </div>Lorem ipsum dolor sit amet, quia non consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
              <footer class="d-flex justify-content-center pt-4">
                <div class="d-flex align-items-center"><img class="rounded-circle" src="img/testimonials/04.jpg" width="50" alt="Laura Willson">
                  <div class="ps-3">
                    <h6 class="fs-sm mb-n1">Laura Willson</h6><span class="fs-ms text-muted opacity-75">Feb 05, 2020</span>
                  </div>
                </div>
              </footer>
            </blockquote>
            <blockquote class="mb-2">
              <div class="card border-0 shadow-sm"><span class="testimonial-mark"></span>
                <div class="card-body fs-md text-muted">
                  <div class="mb-2">
                    <div class="star-rating"><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star"></i><i class="star-rating-icon ci-star"></i>
                    </div>
                  </div>Lorem ipsum dolor sit amet, quia non consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
              <footer class="d-flex justify-content-center pt-4">
                <div class="d-flex align-items-center"><img class="rounded-circle" src="img/testimonials/01.jpg" width="50" alt="Mary Grant">
                  <div class="ps-3">
                    <h6 class="fs-sm mb-n1">Mary Alice Grant</h6><span class="fs-ms text-muted opacity-75">Jan 27, 2020</span>
                  </div>
                </div>
              </footer>
            </blockquote>
            <blockquote class="mb-2">
              <div class="card border-0 shadow-sm"><span class="testimonial-mark"></span>
                <div class="card-body fs-md text-muted">
                  <div class="mb-2">
                    <div class="star-rating"><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star"></i>
                    </div>
                  </div>Lorem ipsum dolor sit amet, quia non consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
              <footer class="d-flex justify-content-center pt-4">
                <div class="d-flex align-items-center"><img class="rounded-circle" src="img/shop/reviews/01.jpg" width="50" alt="Rafael Marquez">
                  <div class="ps-3">
                    <h6 class="fs-sm mb-n1">Rafael Marquez</h6><span class="fs-ms text-muted opacity-75">Dec 19, 2020</span>
                  </div>
                </div>
              </footer>
            </blockquote>
            <blockquote class="mb-2">
              <div class="card border-0 shadow-sm"><span class="testimonial-mark"></span>
                <div class="card-body fs-md text-muted">
                  <div class="mb-2">
                    <div class="star-rating"><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i>
                    </div>
                  </div>Lorem ipsum dolor sit amet, quia non consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
              <footer class="d-flex justify-content-center pt-4">
                <div class="d-flex align-items-center"><img class="rounded-circle" src="img/testimonials/02.jpg" width="50" alt="Adrian Lewis">
                  <div class="ps-3">
                    <h6 class="fs-sm mb-n1">Adrian Lewis</h6><span class="fs-ms text-muted opacity-75">Dec 13, 2020</span>
                  </div>
                </div>
              </footer>
            </blockquote>
            <blockquote class="mb-2">
              <div class="card border-0 shadow-sm"><span class="testimonial-mark"></span>
                <div class="card-body fs-md text-muted">
                  <div class="mb-2">
                    <div class="star-rating"><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star-filled active"></i><i class="star-rating-icon ci-star"></i><i class="star-rating-icon ci-star"></i>
                    </div>
                  </div>Lorem ipsum dolor sit amet, quia non consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </div>
              </div>
              <footer class="d-flex justify-content-center pt-4">
                <div class="d-flex align-items-center"><img class="rounded-circle" src="img/shop/reviews/03.jpg" width="50" alt="Daniel Adams">
                  <div class="ps-3">
                    <h6 class="fs-sm mb-n1">Daniel Adams</h6><span class="fs-ms text-muted opacity-75">Dec 04, 2020</span>
                  </div>
                </div>
              </footer>
            </blockquote>
          </div>
        </div>
      </div>
    </section>
    <!-- Related products-->
    <section class="container position-relative" style="margin-top: -300px; z-index: 5;">
      <div class="bg-light rounded-3 shadow-lg py-5 px-grid-gutter">
        <h2 class="text-center pt-2 pt-md-4 mb-4 mb-md-5">You may also like</h2>
        <div class="tns-carousel">
          <div class="tns-carousel-inner" data-carousel-options="{&quot;items&quot;: 2, &quot;controls&quot;: false, &quot;autoHeight&quot;: true, &quot;responsive&quot;: {&quot;0&quot;:{&quot;items&quot;:1},&quot;500&quot;:{&quot;items&quot;:2, &quot;gutter&quot;: 18},&quot;768&quot;:{&quot;items&quot;:3, &quot;gutter&quot;: 20}, &quot;1100&quot;:{&quot;items&quot;:4, &quot;gutter&quot;: 30}}}">
            <!-- Product-->
            <div>
              <div class="card product-card card-static"><span class="badge badge-danger badge-shadow">Sale</span><a class="card-img-top d-block overflow-hidden" href="#"><img src="img/home/mono-product/products/01.jpg" alt="Product"></a>
                <div class="card-body text-center py-2">
                  <h3 class="product-title fs-sm"><a href="#">Wireless Bluetooth Headphones</a></h3>
                  <div class="product-price"><span class="text-accent">$298.<small>50</small></span>
                    <del class="fs-sm text-muted">$349.<small>99</small></del>
                  </div>
                </div>
              </div>
            </div>
            <!-- Product-->
            <div>
              <div class="card product-card card-static"><a class="card-img-top d-block overflow-hidden" href="#"><img src="img/home/mono-product/products/02.jpg" alt="Product"></a>
                <div class="card-body text-center py-2">
                  <h3 class="product-title fs-sm"><a href="#">Wireless Bluetooth Headphones</a></h3>
                  <div class="product-price"><span class="text-accent">$129.<small>99</small></span></div>
                </div>
              </div>
            </div>
            <!-- Product-->
            <div>
              <div class="card product-card card-static"><a class="card-img-top d-block overflow-hidden" href="#"><img src="img/home/mono-product/products/03.jpg" alt="Product"></a>
                <div class="card-body text-center py-2">
                  <h3 class="product-title fs-sm"><a href="#">Wireless Bluetooth Earbuds</a></h3>
                  <div class="product-price"><span class="text-accent">$95.<small>00</small></span></div>
                </div>
              </div>
            </div>
            <!-- Product-->
            <div>
              <div class="card product-card card-static"><a class="card-img-top d-block overflow-hidden" href="#"><img src="img/home/mono-product/products/04.jpg" alt="Product"></a>
                <div class="card-body text-center py-2">
                  <h3 class="product-title fs-sm"><a href="#">Wireless Bluetooth Headphones</a></h3>
                  <div class="product-price"><span class="text-accent">$214.<small>99</small></span></div>
                </div>
              </div>
            </div>
            <!-- Product-->
            <div>
              <div class="card product-card card-static"><a class="card-img-top d-block overflow-hidden" href="#"><img src="img/home/mono-product/products/05.jpg" alt="Product"></a>
                <div class="card-body text-center py-2">
                  <h3 class="product-title fs-sm"><a href="#">Wireless Bluetooth Headphones</a></h3>
                  <div class="product-price"><span class="text-accent">$179.<small>99</small></span></div>
                </div>
              </div>
            </div>
            <!-- Product-->
            <div>
              <div class="card product-card card-static"><a class="card-img-top d-block overflow-hidden" href="#"><img src="img/home/mono-product/products/06.jpg" alt="Product"></a>
                <div class="card-body text-center py-2">
                  <h3 class="product-title fs-sm"><a href="#">Wireless Bluetooth Headphones</a></h3>
                  <div class="product-price"><span class="text-accent">$219.<small>99</small></span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Footer-->
    <footer class="bg-darker" style="margin-top: -300px; padding-top: 300px;">
      <div class="container mt-2 pt-5">
        <div class="row pt-4 pb-3">
          <div class="col-lg-2 col-sm-4 pb-2 mb-4">
            <div class="mt-n1"><a class="d-inline-block align-middle" href="#"><img class="d-block mb-4" src="img/footer-logo-light.png" width="117" alt="Cartzilla"></a></div>
            <div class="btn-group dropdown disable-autohide">
              <button class="btn btn-outline-light border-light btn-sm dropdown-toggle px-2" type="button" data-bs-toggle="dropdown"><img class="me-2" src="img/flags/en.png" width="20" alt="English">Eng / $</button>
              <ul class="dropdown-menu my-1">
                <li class="dropdown-item">
                  <select class="form-select form-select-sm">
                    <option value="usd">$ USD</option>
                    <option value="eur">€ EUR</option>
                    <option value="ukp">£ UKP</option>
                    <option value="jpy">¥ JPY</option>
                  </select>
                </li>
                <li><a class="dropdown-item pb-1" href="#"><img class="me-2" src="img/flags/fr.png" width="20" alt="Français">Français</a></li>
                <li><a class="dropdown-item pb-1" href="#"><img class="me-2" src="img/flags/de.png" width="20" alt="Deutsch">Deutsch</a></li>
                <li><a class="dropdown-item" href="#"><img class="me-2" src="img/flags/it.png" width="20" alt="Italiano">Italiano</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-2 col-sm-4">
            <div class="widget widget-links widget-light pb-2 mb-4">
              <h3 class="widget-title text-light">Products</h3>
              <ul class="widget-list">
                <li class="widget-list-item"><a class="widget-list-link" href="#">Headphones</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Earphones</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Speakers</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Accessories</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Special Offers</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-2 col-sm-4">
            <div class="widget widget-links widget-light pb-2 mb-4">
              <h3 class="widget-title text-light">For customers</h3>
              <ul class="widget-list">
                <li class="widget-list-item"><a class="widget-list-link" href="#">Your Account</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Shipping Rates &amp; Policy</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Refunds &amp; Replacements</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Delivery Info</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-2 col-sm-4">
            <div class="widget widget-links widget-light pb-2 mb-4">
              <h3 class="widget-title text-light">Company</h3>
              <ul class="widget-list">
                <li class="widget-list-item"><a class="widget-list-link" href="#">About Us</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Contacts</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Careers</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Affiliates</a></li>
                <li class="widget-list-item"><a class="widget-list-link" href="#">Support</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-4 col-sm-8">
            <div class="widget pb-2 mb-4">
              <h3 class="widget-title text-light pb-1">Stay informed</h3>
              <form class="subscription-form validate" action="https://studio.us12.list-manage.com/subscribe/post?u=c7103e2c981361a6639545bd5&amp;amp;id=29ca296126" method="post" name="mc-embedded-subscribe-form" target="_blank" novalidate>
                <div class="input-group flex-nowrap"><i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
                  <input class="form-control rounded-start" type="email" name="EMAIL" placeholder="Your email" required>
                  <button class="btn btn-primary" type="submit" name="subscribe">Subscribe*</button>
                </div>
                <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                <div style="position: absolute; left: -5000px;" aria-hidden="true">
                  <input class="subscription-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1">
                </div>
                <div class="form-text text-light opacity-50">*Subscribe to our newsletter to receive early discount offers, updates and new products info.</div>
                <div class="subscription-status"></div>
              </form>
            </div>
          </div>
        </div>
        <hr class="hr-light">
        <div class="row align-items-center py-4">
          <div class="col-sm-6 py-3">
            <div class="fs-xs text-light opacity-50 text-center text-md-start">© All rights reserved. Made by <a class="text-light" href="https://createx.studio/" target="_blank" rel="noopener">Createx Studio</a></div>
          </div>
          <div class="col-sm-6 pt-3 pb-2 text-center text-sm-end"><a class="btn-social bs-light bs-twitter ms-2 mb-2" href="#"><i class="ci-twitter"></i></a><a class="btn-social bs-light bs-facebook ms-2 mb-2" href="#"><i class="ci-facebook"></i></a><a class="btn-social bs-light bs-instagram ms-2 mb-2" href="#"><i class="ci-instagram"></i></a><a class="btn-social bs-light bs-pinterest ms-2 mb-2" href="#"><i class="ci-pinterest"></i></a><a class="btn-social bs-light bs-youtube ms-2 mb-2" href="#"><i class="ci-youtube"></i></a></div>
        </div>
      </div>
    </footer>
    <!-- Toolbar for handheld devices (Single brand store)-->
    <div class="handheld-toolbar">
      <div class="d-table table-layout-fixed w-100"><a class="d-table-cell handheld-toolbar-item" href="#signin-modal" data-bs-toggle="modal"><span class="handheld-toolbar-icon"><i class="ci-user"></i></span><span class="handheld-toolbar-label">Account</span></a><a class="d-table-cell handheld-toolbar-item" href="javascript:void(0)" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" onclick="window.scrollTo(0, 0)"><span class="handheld-toolbar-icon"><i class="ci-menu"></i></span><span class="handheld-toolbar-label">Menu</span></a><a class="d-table-cell handheld-toolbar-item" href="#"><span class="handheld-toolbar-icon"><i class="ci-cart"></i></span><span class="handheld-toolbar-label">$0.00</span></a></div>
    </div>
    <!-- Back To Top Button--><a class="btn-scroll-top" href="#top" data-scroll><span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span><i class="btn-scroll-top-icon ci-arrow-up">   </i></a>
    <!-- Vendor scrits: js libraries and plugins-->
    <script src="vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="vendor/simplebar/dist/simplebar.min.js"></script>
    <script src="vendor/tiny-slider/dist/min/tiny-slider.js"></script>
    <script src="vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
    <script src="vendor/lightgallery.js/dist/js/lightgallery.min.js"></script>
    <script src="vendor/lg-fullscreen.js/dist/lg-fullscreen.min.js"></script>
    <script src="vendor/lg-zoom.js/dist/lg-zoom.min.js"></script>
    <!-- Main theme script-->
    <script src="js/theme.min.js"></script>
  </body>
</html>